<!DOCTYPE html>
<html>
<head>
	<title>兄弟结点</title>
</head>
<body>
	<div>
		<h1>ok</h1>
		<!-- 注释 -->
		<h2>sdf</h2>
		<h3>sdf</h3>
	</div>
	
</body>
<script type="text/javascript">
	
var h2 = document.getElementsByTagName('h2')[0];
console.log(h2.previousSibling)					// 返回文本结点
console.log(h2.nextSibling)						// 依然返回文本结点
console.log(h2.nextElementSibling)				// 返回上一个元素， 存在兼容问题
console.log(h2.previousElementSibling)			// 返回下一个元素， 存在兼容问题

var h3 = document.getElementsByTagName('h3')[0];
console.log(h3.nextElementSibling)				// 如果下一个不是兄各结点，返回null
	
</script>
</html>